<template>
  <el-card>
    <div class="content">
      <p class="explain">说明：目前支持学科和关键字筛选</p>
      <el-button icon="el-icon-edit" type="success">新增试题</el-button>
      <el-form ref="formRef" :model="form" size="medium" label-width="100px">
        <el-row :gutter="15">
          <el-col :span="6">
            <el-form-item label="学科" prop="subjectID">
              <el-select placeholder="请选择学科" clearable :style="{width: '100%'}" @change="subjectChange">
                <el-option />
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="二级目录" prop="catalogID">
              <el-select placeholder="请选择二级目录" clearable :style="{width: '100%'}">
                <el-option />
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="标签" prop="tags">
              <el-select placeholder="请选择标签" clearable :style="{width: '100%'}">
                <el-option />
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="关键字" prop="keyword">
              <el-input placeholder="请输入关键字" clearable :style="{width: '100%'}" />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="15">
          <el-col :span="6">
            <el-form-item label="试题类型" prop="questionType">
              <el-select placeholder="请选择试题类型" clearable :style="{width: '100%'}">
                <el-option />
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="难度" prop="difficulty">
              <el-select placeholder="请选择难度" clearable :style="{width: '100%'}">
                <el-option />
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="方向" prop="direction">
              <el-select placeholder="请选择方向" clearable :style="{width: '100%'}">
                <el-option />
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="录入人" prop="creatorID">
              <el-select placeholder="请选择录入人" clearable :style="{width: '100%'}">
                <el-option />
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="15">
          <el-col :span="6">
            <el-form-item label="题目备注" prop="remarks">
              <el-input placeholder="请填写题目备注" clearable :style="{width: '100%'}" />
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="企业简称" prop="shortName">
              <el-input placeholder="请填写企业简称" clearable :style="{width: '100%'}" />
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="城市" prop="city">
              <el-cascader
                :options="cityOptions"
                :style="{width: '48%', marginRight: '.5vw'}"
                placeholder="请选择城市"
                clearable
              />
              <el-cascader
                :options="citys"
                :style="{width: '48%'}"
                placeholder="请选择城市"
                clearable
              />
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-row type="flex" justify="end">
              <el-button size="small">清除</el-button>
              <el-button size="small" style="background: #66b1ff; color: #fff">搜索</el-button>
            </el-row>
          </el-col>
        </el-row>
      </el-form>
    </div>
  </el-card>

</template>

<script>
import { basequestions } from '@/api/qusetion'
export default {
  name: 'Base',
  data() {
    return {
      list: [], // 承接数组
      page: {
        page: 1,
        pagesize: 10
      }
    }
  },
  created() {
    this.basequestions()
  },
  methods: {
    async basequestions() {
      const res = await basequestions()
      console.log(res)
    }
  }
}
</script>

<style scoped>
.content {
  min-width: 1450px;
  background-color: #fff;
  position: relative;
  margin-top: 15px;
  padding-top: 60px;
  margin-left: 15px;
  margin-right: 15px;
}
.el-button--success{
    position: absolute;
    top: 5px;
    right: 5px;
   }
   .explain{
    color: #ffc0cb;
    font-size: 12px;
    position: absolute;
    top: -10px;
    left: 20px;
  }
  .el-button--success{
    padding-top: 9px;
    padding-right: 15px;
    padding-bottom: 9px;
    padding-left: 15px;}

</style>
